.shipping-cart {
  height: 100vh;
  overflow: hidden;
  position: relative;

  .shipping-cart-navigation {
    display: flex;
    align-items: center;

    .shipping-cart-navigation-title {
      font-size: 36rpx;
      margin-left: 36rpx;
      font-weight: bolder;
    }

    .shipping-cart-navigation-count {
      margin-left: 10rpx;
      font-size: 22rpx;
      color: #888888;
    }

    .shipping-cart-navigation-delivery-address {
      padding: 6rpx 10rpx;
      background-color: white;
      display: flex;
      align-items: center;
      border-radius: 999rpx;
      margin-left: 10rpx;

      .shipping-cart-navigation-delivery-address-detail-address {
        margin-left: 10rpx;
        font-size: 22rpx;
        color: #8b8b8b;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 280rpx;
      }

      .shipping-cart-navigation-delivery-address-arrow {
        margin-top: -10rpx;
        margin-left: 12rpx;
      }
    }
  }

  .shipping-cart-control-panel {
    display: flex;
    font-size: 32rpx;
    padding-left: 36rpx;
    padding-right: 36rpx;
    margin-top: 40rpx;

    .shipping-cart-control-panel-active-item {
      position: relative;
      color: #1989fa;
    }

    .shipping-cart-control-panel-active-item::after {
      position: absolute;
      content: "";
      left: 20%;
      /* 下划线左侧距离文字容器左侧的百分比，可调整水平位置 */
      bottom: -5px;
      /* 下划线与文字底部的距离，可调整垂直位置 */
      width: 60%;
      /* 下划线长度（占文字容器宽度的比例），需 < 100% */
      height: 3px;
      /* 下划线高度，可调整 */
      background-color: #1989fa;
      /* 下划线颜色，与文字一致 */
    }

    .shipping-cart-control-panel-all {
      padding-bottom: 10rpx;
    }

    .shipping-cart-control-panel-discount {
      padding-bottom: 10rpx;
      margin-left: 75rpx;
    }

    .shipping-cart-control-panel-edit {
      padding-bottom: 10rpx;
      margin-left: auto;
    }
  }

  .shipping-cart-body {
    margin-top: 20rpx;

    .shipping-cart-body-card {
      width: 720rpx;
      background-color: white;
      margin: 0 auto;
      margin-bottom: 23rpx;
      padding-bottom: 33rpx;
      padding-top: 33rpx;
      border-radius: 30rpx;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;

      .shipping-cart-body-card-checkbox {
        margin-left: 23rpx;
      }

      .shipping-cart-body-card-image {
        width: 190rpx;
        height: 190rpx;
        border: 3rpx solid #f6f6f6;
        border-radius: 8rpx;
      }

      .shipping-cart-body-card-product-information {
        flex: 1;
        align-self: flex-start;
        margin-left: 18rpx;

        .shipping-cart-body-card-product-information-product-name {
          font-size: 30rpx;
          color: #343434;

          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 400rpx;
        }

        .shipping-cart-body-card-product-information-specification-name {
          margin-top: 20rpx;
          font-size: 20rpx;
          color: #646464;
        }

        .shipping-cart-body-card-product-information-price {
          display: flex;
          color: #f42d17;
          align-items: baseline;
          margin-top: 70rpx;
          font-weight: 500;

          .shipping-cart-body-card-product-information-price-symbol {
            font-size: 20rpx;
          }

          .shipping-cart-body-card-product-information-price-value {
            font-size: 30rpx;
          }
        }

        .shipping-cart-body-card-product-information-price-discount {
          position: absolute;
          bottom: 25rpx;

          .shipping-cart-body-card-product-information-price-discount-first-row {
            display: flex;
            align-items: baseline;
            color: #f42d17;
            font-weight: 600;

            .shipping-cart-body-card-product-information-price-discount-first-row-price-symbol {
              font-size: 20rpx;
            }

            .shipping-cart-body-card-product-information-price-discount-first-row-price-value {
              font-size: 30rpx;
            }

            .shipping-cart-body-card-product-information-price-discount-first-row-tip {
              font-weight: 500;
              font-size: 20rpx;
              margin-left: 10rpx;
            }
          }

          .shipping-cart-body-card-product-information-price-discount-second-row {
            display: flex;
            color: #696969;
            font-size: 20rpx;
            margin-top: 5rpx;

            .shipping-cart-body-card-product-information-price-discount-second-row-price-symbol {}

            .shipping-cart-body-card-product-information-price-discount-second-row-price-value {}
          }
        }

        .shipping-cart-body-card-product-information-figure-stepper {
          position: absolute;
          bottom: 25rpx;
          right: 25rpx;

          .shipping-cart-body-card-product-information-figure-stepper-input-class {
            color: black;
          }
        }
      }
    }

    .shipping-cart-body-discount-empty {
      text-align: center;

      .shipping-cart-body-discount-empty-image {
        height: 360rpx;
        width: 360rpx;
        margin-top: 110rpx;
      }

      .shipping-cart-body-discount-empty-tip {
        color: #999999;
        font-size: 30rpx;

        .shipping-cart-body-discount-empty-tip-navigator {
          color: #1989fa;
        }
      }
    }

    .shipping-cart-body-empty-fill {
      height: 23rpx;
    }
  }

  .shipping-cart-bottom-purchase-panel {
    height: 100rpx;
    width: 100vw;
    background-color: #fefefe;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 23rpx;
    padding-right: 23rpx;
    box-sizing: border-box;

    .shipping-cart-bottom-purchase-panel-select-button-label {
      font-size: 22rpx;
    }

    .shipping-cart-bottom-purchase-panel-right {
      display: flex;
      align-items: center;

      .shipping-cart-bottom-purchase-panel-selected-shipping-cart-info {
        margin-right: 20rpx;

        .shipping-cart-bottom-purchase-panel-selected-shipping-cart-info-first-row {
          display: flex;
          align-items: baseline;

          .shipping-cart-bottom-purchase-panel-selected-shipping-cart-info-first-row-text {
            font-size: 23rpx;
          }

          .shipping-cart-bottom-purchase-panel-selected-shipping-cart-info-first-row-price {
            display: flex;
            align-items: baseline;

            .shipping-cart-bottom-purchase-panel-selected-shipping-cart-info-first-row-price-symbol {
              font-size: 16rpx;
              color: #f82d17;
            }

            .shipping-cart-bottom-purchase-panel-selected-shipping-cart-info-first-row-price-value {
              font-size: 26rpx;
              color: #f82d17;
            }
          }
        }

        .shipping-cart-bottom-purchase-panel-selected-shipping-cart-info-second-row {
          font-size: 20rpx;
          color: #626262;
        }
      }

      .shipping-cart-bottom-purchase-panel-checkout-button {
        width: 184rpx;
        height: 74rpx;
        background-color: #1989fa;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28rpx;
        border-radius: 20rpx;
        /* 添加过渡效果，让点击变化更平滑 */
        transition: all 0.1s ease;
      }

      /* 点击时的样式效果 */
      .shipping-cart-bottom-purchase-panel-checkout-button-hover-class {
        /* 点击时略微加深背景色 */
        background-color: #0e72d1;
        /* 点击时轻微缩小按钮 */
        transform: scale(0.95);
        /* 可选：添加阴影变化 */
        box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.15);
      }
    }

  }

  .shipping-cart-bottom-edit-panel {
    height: 100rpx;
    width: 100vw;
    background-color: #fefefe;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 23rpx;
    padding-right: 23rpx;
    box-sizing: border-box;

    .shipping-cart-bottom-edit-panel-select-button-label {
      font-size: 22rpx;
    }

    .shipping-cart-bottom-edit-panel-right {
      font-size: 25rpx;
      display: flex;

      .shipping-cart-bottom-edit-panel-right-collection-button {
        padding: 20rpx 25rpx;
        border: 1rpx solid #828282;
        border-radius: 25rpx;
        margin-right: 30rpx;
        background-color: #fefefe;
        transition: all 0.2s ease;
      }

      .shipping-cart-bottom-edit-panel-right-delete-button {
        padding: 20rpx 25rpx;
        border: 1rpx solid #828282;
        border-radius: 25rpx;
        background-color: #fefefe;
        transition: all 0.2s ease;
      }

      .shipping-cart-bottom-edit-panel-right-button-hover {
        /* 点击时边框颜色加深 */
        border-color: #595959;
        /* 背景色略微变深 */
        background-color: #f0f0f0;
        /* 轻微缩小按钮 */
        transform: scale(0.96);
      }
    }
  }

}